<template>
<!-- （提现记录详情） -->
<div class="w750" :class="!withdrawalsDetailData?'white-bg':''">
		<!-- 账单详情 -->
		<div class="bill" v-if="withdrawalsDetailData">
			<div class="item">
				<div class="num">
					<span class="symbol">{{withdrawalsDetailData.amount>0 ? '+' : ''}}
						<em class="now">{{Money(withdrawalsDetailData.amount)[0]}}</em>.{{Money(withdrawalsDetailData.amount)[1]}}
					</span>
				</div>
				<div class="state">{{withdrawalsDetailData.id ? '提现成功' : '提现失败'}}</div>
			</div>
			<div class="item mt10" v-if="withdrawalsDetailData">
				<div class="line">
					<div class="left">提现方式：</div>
					<div class="right">{{withdrawalsDetailData.bankName}}</div>
				</div>
				<div class="line">
					<div class="left">提现账号：</div>
					<div class="right">{{withdrawalsDetailData.bankNo}}</div>
				</div>
			</div>
			<div class="item mt10" v-if="withdrawalsDetailData">
				<div class="line">
					<div class="left">真实姓名：</div>
					<div class="right">{{withdrawalsDetailData.bankUser}}</div>
				</div>
				<div class="line">
					<div class="left">支付状态：</div>
					<div class="right" v-if="withdrawalsDetailData.paymentState==0">待审核</div>
					<div class="right" v-if="withdrawalsDetailData.paymentState==1">已完成</div>
					<div class="right" v-if="withdrawalsDetailData.paymentState==-1">已拒绝</div>
				</div>
				<div class="line" v-if="withdrawalsDetailData.paymentTime">
					<div class="left">付款时间：</div>
					<div class="right">{{withdrawalsDetailData.paymentTime | dateformat('YYYY-MM-DD HH:mm:ss')}}</div>
				</div>
				<div class="line" v-if="withdrawalsDetailData.addTime">
					<div class="left">添加时间：</div>
					<div class="right">{{withdrawalsDetailData.addTime | dateformat('YYYY-MM-DD HH:mm:ss')}}</div>
				</div>
				<div class="line">
					<div class="left">提现单号：</div>
					<div class="right">{{withdrawalsDetailData.pdcSn}}</div>
				</div>
				<div class="line" v-if="withdrawalsDetailData.userNote">
					<div class="left">提现备注：</div>
					<div class="right">{{withdrawalsDetailData.userNote}}</div>
				</div>
			</div>
		</div>
		<!-- /账单详情 -->
		<Noempty :pic="require('../../assets/images/record-empty.png')" :title="'没有符合条件的数据'"  v-if="!withdrawalsDetailData"/>
	</div>
</template>

<script>
import Noempty from 'components/Noempty/Noempty';
import cash from 'utils/tool';//引入处理分割金额的方法(变量)
import {withdrawalsDetail,integralWithdrawDetail} from 'api/preDeposit';
export default {
	components:{
		Noempty
	},
	data () {
		return {
			Money: cash,
			id:this.$route.query.id,
			withdrawalsDetailData:'',
		}
	},
	mounted () {
		let that = this
	
	

		withdrawalsDetail({id:this.id}).then(res =>{
			if(res.status==1){
				this.withdrawalsDetailData=res.result
			}else{
			this.$toast({duration: 1000,message:res.msg})}
		}),()=>{this.$toast('获取数据失败')}
	}
}
</script>

<style src="../../assets/css/pre-deposit.css" scoped></style>